|
/* ----------------------------------------------- Blogger Template Style Name: Pink Butterfly Designer: Kendhin URL: http://x-template.blogspot.com Date: Februari 2008 ----------------------------------------------- */ /* Variable definitions ==================== */ body { background:$mainBgColor; margin:0; text-align:center; line-height: 1.5em; font:x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; } #outer-wrapper { width:980px; background: #fff url("http://i39.tinypic.com/6ru8er.jpg") repeat-y; /* fix for long text breaking sidebar float in IE */ /* fix for long non-text content breaking IE sidebar float */ margin:0 auto; text-align:$startSide; font: $bodyFont; word-wrap: break-word; overflow: hidden; } /* Header --------------------------------- */ #header-wrapper { margin-$endSide:0; margin-bottom:0; margin-$startSide:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:0; color: $titleTextColor; } #header { margin: 0 auto; background: url("http://i39.tinypic.com/16c8lyx.jpg") no-repeat; /* fix for long text breaking sidebar float in IE */ /* fix for long non-text content breaking IE sidebar float */ color: $titleTextColor; height: 206px; /* you can remove or change height size for header image */ text-align: $startSide; } #header h1 { margin:0; padding:50px 300px 5px; line-height:1.2em; font: $pageTitleFont; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 80px 10px 300px; line-height:1.5em; font: $descriptionFont; color: $descriptionTextColor; } /* Footerheader --------------------------------- */ #footheader { margin: 0 auto; padding: 0; text-align: left; } #tabshori { float:left; width:100%; background: #E5C9ED; font-size:93%; border: 3px dashed #fff; } #tabshori ul { margin:0; padding:0px 10px 0 23px; list-style:none; } #tabshori li { display:inline; margin:0; padding:0; } #tabshori a{ float:left; background:url("") no-repeat left top; margin:0;padding:5px; text-decoration:none; color: $titleTextColor; border-right: 2px solid #fff; } #tabshori a span { float:right; display:block; background:url("") no-repeat right top; padding:5px 15px 4px 6px; color:$topSidebarHeaderColor; } #tabshori a span {float:none;} #tabshori a:hover span {color: #000;} #tabshori a:hover {background-position:0% -42px;} #tabshori a:hover span {background-position:100% -42px;} #footheader>ul#tabshori li a { width: auto;} ul#tabshori li#active a } ul#tabshori li a:hover, ul#tabshori li#active a:hover } #content { width: 985px; } /* Main ---------------------------------------*/ #main-wrap1 { width:475px; float:$startSide; margin-top:10px; margin-$startSide: 4px; padding:0 0 10px; color:$mainTextColor; font-size:97%; position: relative; line-height:1.5em; word-wrap: break-word; /* code ini jangan di hapus, untuk mengatut teks terutama pd IE */ overflow: hidden; /* untuk mengatur kontent */ } #main-wrap2 { float:$startSide; width:100%; padding:10px 0 0; } #main { padding:0; } .main .widget { margin-top: 4px; width: 465px; padding: 5px 5px; } .main .Blog { margin: 0; padding: 0; width: 479px; } /* Posts ------------------------------------------ */ h2.date-header { margin-top:0; margin-$endSide:12px; margin-bottom:0; text-align: $endSide; font-size:85%; line-height:2em; text-transform:lowercase; letter-spacing:.2em; color:$dateHeaderColor; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted $borderColor; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background: url("http://i35.tinypic.com/14cywas.jpg") no-repeat 5px .5em; display:block; padding-top:4px; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:20px; color: $postTitleColor; font: $postTitleFont; } .post h3 a, .post h3 a:visited { text-decoration:none; color: $postTitleColor; } a.title-link:hover { background-color: $borderColor; color: $mainTextColor; } .post-body { padding-top: 10px; padding-$endSide:4px; padding-bottom: 1px; padding-$startSide: 4px; } html>body .post-body { border-bottom-width: 0; } .post p { margin: 0px; } .post-footer { margin:0; padding-top:2px; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:29px; font-size:100%; line-height:1.5em; color: #666; } .post-footer p { margin: 0px; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: $endSide; } .uncustomized-post-template .post-author, { float: $startSide; text-align:$startSide; margin-$endSide: 0px; } .post-footer a { color: #258; } .post-footer a:hover { color: #666; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background:#ffffcc url("http://i43.tinypic.com/2nsq1on.jpg") no-repeat $endSide 45%; padding-$endSide:18px; border:1px dotted $borderColor; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background: #ffffcc url("http://i43.tinypic.com/2nsq1on.jpg") no-repeat $endSide 45%; padding-$endSide:18px; border:1px dotted $borderColor; } .post img { margin-top:0; margin-$endSide:0; margin-bottom:5px; margin-$startSide:0; padding:4px; border:1px solid $borderColor; } blockquote { background: #ffffcc url("http://i35.tinypic.com/14cywas.jpg") no-repeat $endSide top; margin:.75em 0; border:1px dotted $borderColor; border-width:1px 0; padding:5px 15px; color: $dateHeaderColor; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: $startSide; margin-$startSide: 13px; } #blog-pager-older-link { float: $endSide; margin-$endSide: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-$startSide: 13px; } /* Comments ---------------------------------------*/ #comments { margin:-25px 13px 0; padding-top:20px; padding-$endSide:0; padding-bottom:15px; padding-$startSide:0; } #comments h4 { margin:0 0 10px; padding-top:0; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:29px; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin-top:0; margin-$endSide:15px; margin-bottom:0; margin-$startSide:9px; } .comment-author { background: url("http://i43.tinypic.com/2nsq1on.jpg") no-repeat 2px .3em; margin:.5em 0; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding-top:0; padding-$endSide:0; padding-bottom:.75em; padding-$startSide:20px; } .comment-footer a:link { color: #333; } .deleted-comment { font-style:italic; color:gray; } #sidebar-wrapkiri { width:237px; float:$startSide; margin-top: 10px; margin-$startSide: 11.5px; font-size:97%; line-height:1.5em; word-wrap: break-word; overflow: hidden; } #kanan { width:245px; float:left; margin-top: 10px; margin-$startSide: 0px; font-size:97%; line-height:1.5em; word-wrap: break-word; overflow: hidden; } #sisikanan { background: #fff ; margin:0 0 5px; padding:10px 0 0; color: $mainTextColor; } /* Profile ------------------------------------------*/ .profile-img { float: $startSide; margin-top: 5px; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin-top:0; margin-$endSide:15px; margin-bottom:.5em; margin-$startSide:0; padding-top:8px; } .profile-link { background: url("") no-repeat $startSide .1em; padding-$startSide:5px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } /* Sidebar Boxes --------------------------------------------------*/ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } .sidebar h2 { text-align: center; margin:0; border-bottom: 2px dashed #FFF; padding:4px 0 .2em 0px; line-height:1.5em; font:$headerFont; background: url("http://i35.tinypic.com/14cywas.jpg") no-repeat $startSide top; color: $topSidebarHeaderColor; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0; } .sidebar ul li { background: url("") no-repeat 1px .25em; margin-left:5px; padding-top:0; padding-$endSide:0; padding-bottom:3px; padding-$startSide:20px; margin-bottom:3px; border-bottom:1px dotted $borderColor; line-height: 1.2em; } .sidebar p { margin:0 0 .6em; } .sidebar .clear, .main .widget .clear { clear: both; } #footer-wrapper { clear:both; width: 100%; margin-top: 10px; margin-bottom: 10px; margin-$startSide: 5px; font: $postTitleFont normal 55%; color: $topSidebarLinkColor; border: 2px dashed #6699FF; padding:5px 0 0;background: url("http://i34.tinypic.com/j8z4wp.jpg") repeat; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #footerbar-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; width: 33%; text-align: left; line-height: .9em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .footerbar {margin: 0; padding: 0;} .footerbar .widget {margin: 0; padding: 20px 20px 0px 40px;} .footerbar h2 { margin: 0px 0px 7px -20px; padding: 0px 0px 5px 0px; color: $titleTextColor; font: $postTitleFont normal 55%; text-align: left; border-bottom: 1px solid #e6e6e6; } .footerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .footerbar li { margin: 0px 0px 7px 0px; padding: 0px 0px 5px 0px; } .footerbar a {color: #ffffcc; text-decoration: none;} .footerbar a:hover {text-decoration: underline; color: #ffcc66;} .footerbar a:visited {text-decoration: none; color:#ffffcc;} /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } /* Designer ------------------------------------------------ */ #designer { color: $titleTextColor; font-size: 11px; text-align: center; font-weight:bold; padding-right: 65px; height: 90px; background: url("http://i43.tinypic.com/2885r4m.jpg") no-repeat; } #designer a { text-decoration: none; color: $titleTextColor; } /* Links Global ------------------------------------------- */ a:link { color: $mainLinkColor; text-decoration: none; } a:visited { color: $mainVisitedLinkColor; } a:hover { color: $mainVisitedLinkColor; } a img { border-width:0; }
1
,
(
)
1
:
:
google.load("annotations", "1", {"locale": "
"}); function initialize() { google.annotations.setApplicationId(
); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize);
©Template designer adapted by
Ana by anA
.
|
|
SEARCH ALL BLOGS | 
|